<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>扩展学习_${webName}手机版</title>
    <#include "../common/head-common.ftl">
  </head>
  <body class="skin-green sidebar-collapse">
    <div class="wrapper">
      <#include "../common/header.ftl">
      
      <!-- Content Wrapper. Contains page content -->
      <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
          <ol class="breadcrumb">
            <li><a href="${wwwRoot}"><i class="fa fa-home"></i> 大讲台</a></li>
            <li><a href="${webRoot}m/center.do">Hadoop大讲台</a></li>
            <li class="active">扩展学习</li>
          </ol>
        </section>

        <!-- Main content -->
        <section class="content">

          <!-- Main row -->
          <div class="row">
            <!-- Left col -->
            <section class="col-lg-12 connectedSortable">
             
              <div class="box box-success">
                <div class="box-header">
                  <i class="fa fa-plus-square"></i>
                  <h3 class="box-title">扩展学习</h3>
                  <div class="box-tools pull-right">
                    <ul class="pagination pagination-sm inline">
                      <li><a href="#">&laquo;</a></li>
                      <li><a href="#">1</a></li>
                      <li><a href="#">2</a></li>
                      <li><a href="#">3</a></li>
                      <li><a href="#">&raquo;</a></li>
                    </ul>
                  </div>
                </div><!-- /.box-header -->
                <div class="box-body">
                  <ul class="todo-list">    
                   <#list list as ext>
                   		<li>
	                      <span class="text"><a href="ext/${ext.eid}.do">
	                      <#if ext.pos==1>
	                      		<i class="fa fa-volume-down text-red"></i>
	                      </#if>
	                      ${ext.title}</a></span>
	                    </li>
                   </#list>              
                  </ul>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
              

			  <!-- Chat box -->
              <div class="box box-success">
                <div class="box-header"> 
                   <div class="callout callout-danger lead">
				    <p>
				    	<strong>嘿！${Session["dw_name"]?default("无名士")}</strong>，根据你的学习情况，小讲建议你选择性学习如下课程中的一至两门：
 					</p>
				   </div>
				  
                  <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-aqua">
                <div class="inner">
                  <p><strong>77%</strong> 的人选学了</p>
                  <p>Hadoop大数据平台</p>
                </div>
                <div class="icon">
                  <i class="fa fa-cloud"></i>
                </div>
                <a href="#" class="small-box-footer"><i class="fa fa-shopping-cart"></i> 我也要学</a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-green">
                <div class="inner">
                  <p><strong>93%</strong> 的人选学了</p>
                  <p>HBase进阶</p>
                </div>
                <div class="icon">
                  <i class="fa fa-asterisk"></i>
                </div>
                <a href="#" class="small-box-footer"><i class="fa fa-shopping-cart"></i> 我也要学</a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-yellow">
                <div class="inner">
                  <p><strong>97%</strong> 的人选学了</p>
                  <p>Hive进阶</p>
                </div>
                <div class="icon">
                  <i class="fa fa-leaf"></i>
                </div>
                <a href="#" class="small-box-footer"><i class="fa fa-shopping-cart"></i> 我也要学</a>
              </div>
            </div><!-- ./col -->
            <div class="col-lg-3 col-xs-6">
              <!-- small box -->
              <div class="small-box bg-red">
                <div class="inner">
                  <p><strong>87%</strong> 的人选学了</p>
                  <p>Spark从入门到精通</p>
                </div>
                <div class="icon">
                  <i class="fa fa-flag"></i>
                </div>
                <a href="#" class="small-box-footer"><i class="fa fa-shopping-cart"></i> 我也要学</a>
              </div>
            </div><!-- ./col -->
                  
                  				               
                </div>
                         
              </div><!-- /.box (chat box) -->
              
            </section><!-- /.Left col -->
            
          </div><!-- /.row (main row) -->

        </section><!-- /.content -->
      </div><!-- /.content-wrapper -->
      
      <#include "../common/footer.ftl">
    </div><!-- ./wrapper -->

    <#include "../common/foot-common.ftl">
  </body>
</html>